<!-- Shoutbox Gaul by fuad_yusuf -->
<!doctype html>
<html>
<head>
<title>Sh0utBox G4ul</title>
<style>
html{
height:100%
}
body{
background:#fff;
text-align:center;
margin: 0 0 0 0;
height:100%;
background-image:url('strip2y.png');
}
#isi{
width:256px;
height:440px;
margin:auto;
font-family:"Century Gothic";
background-color:#eee;
padding:10px 10px;
border:1px solid #888;
border-radius:10px;
background: linear-gradient(100deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%); /* W3C */
box-shadow:2px 2px 10px #888;
}
#aliran{
border:1px solid #888;
border-radius:5px;
}
table tr{
vertical-align:top;
}
#tbl-form td{
padding: 2px 0px;
padding-right: 5px;
}
.masukan{
border:1px solid #888;
width:100%;
border-radius:5px;
padding: 5px 5px;
}
.tombol{
border:1px solid #555;
padding: 5px 15px;
border-radius:5px;
background-color:#eee;
font-weight:bold;
box-shadow:2px 2px 5px #888;
background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C */
}
.tombol:hover{
border:1px solid #eee;
background-color:#888;
color:#fff;
}



#header{
height:50%;
margin-bottom:-220px;
}
</style>
</head>

<body>
<div id="header">
</div>

<!-- intine dari sini -->
<div id="isi">
<?php
include "koneksi.php";
if ($_POST['nama']){
$nama = $_POST['nama'];
$email = $_POST['email'];
$pesan = $_POST['pesan'];

$date = new DateTime(null, new DateTimeZone('Asia/Jakarta'));
$tgl = $date->format('Y-m-d H:i:s');

$perintah = "insert into datashout values ('','$nama','$email','$pesan','$tgl')";
mysql_query($perintah);
}
echo "<iframe src='aliranshout.php' width=256 height=275 frameborder=0 id='aliran'></iframe>";
?>
<form action="index.php" method="POST">
<table width="100%" border="0" id="tbl-form">
<tr><td>Nama</td><td>:</td><td><input type="text" name="nama" class="masukan"></td></tr>
<tr><td>Email</td><td>:</td><td><input type="text" name="email" class="masukan"></td></tr>
<tr><td>Pesan</td><td>:</td><td><textarea name="pesan" rows=3 class="masukan"></textarea></td></tr>
<tr><td></td><td></td><td align="right"><input type="submit" name="submit" value="Kirim" class="tombol"></td></tr>
</table>
</form>
</div>
<!-- sampek sini -->

<div id="footer">
</div>
</body>
</html>